<template>
	<div style="background-color: white; height:88px; width: 100%;">
		<el-row>
			<el-col :span="5">
				<div style="margin: 0; padding: 0; border-bottom: 1px solid #ccc;">
					<h1 style="text-align: center; font-family: Helvetica Neue; color:#ff6700; ">美食网</h1>
				</div>
			</el-col>
			<el-col :span="13">
				<el-menu mode="horizontal" text-color="#333" active-text-color="#ff6700" router="true" :default-active="this.path">
					<el-menu-item index="/main">首页</el-menu-item>
					<el-sub-menu index="2">
						<template #title>美食分类</template>
						<el-menu-item index="/meattype">肉禽类</el-menu-item>
						<el-menu-item index="/wheatentype">米豆面类</el-menu-item>
						<el-menu-item index="/vegetabletype">蔬菜类</el-menu-item>
					</el-sub-menu>
					<el-sub-menu index="3">
						<template #title>地方特色</template>
						<el-menu-item index="/homefood">家常菜</el-menu-item>
						<el-menu-item index="/specialfood">特色菜</el-menu-item>
						<el-menu-item index="/traditionalfood">传统小吃</el-menu-item>
					</el-sub-menu>
					<el-menu-item index="/online" >网站留言</el-menu-item>
					<el-menu-item index="/about">关于网站</el-menu-item>
				</el-menu>
			</el-col>
			<el-col :span="6">
				<div style="background-color: white; height:100%; width: 100%;border-bottom: 1px solid #ccc;"/>
			</el-col>
		</el-row>
	</div>
	
	

	
	
</template>

<script>
	

</script>

<style>
	.el-menu{
		height:85px;
	}
</style>
